<style type="text/css">
/*后修改bug 新增 只展示年月 的时候 展示样式飞出*/
.bootstrap-datetimepicker-widget{
  white-space: normal!important;
  overflow:auto;
}


</style>
<div class="panel panel-default panel-intro">
    {:build_heading()}

    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div class="commonsearch-table-self">
                        <form class="form-horizontal form-commonsearch nice-validator n-default n-bootstrap" novalidate="" method="post" action="">
                        <fieldset>
                         <div class="row">
                          <div class="form-group col-xs-12 col-sm-6 col-md-4 col-lg-4">
                              <label for="bandwidthdetail.date" class="control-label col-xs-4">时间</label>
                            <div class="col-xs-8">                              
                              <div class="row row-between">
                                <div class="col-xs-6" style="position: relative;">
                                  <input type="text" id="start_date" class="form-control datetimepicker" name="starttime" value="{$Request.get.starttime}" placeholder="开始"  data-index="10" data-date-format="YYYY-MM-DD HH:mm:ss" autocomplete="off"/>
                                </div>
                                <div class="col-xs-6" style="position: relative;">
                                  <input type="text" id="end_date" class="form-control datetimepicker" name="endtime" value="{$Request.get.endtime}" placeholder="结束"  data-index="10" data-date-format="YYYY-MM-DD HH:mm:ss" autocomplete="off"/>
                                </div>
                              </div>
                            </div>
                          </div>


                          <!-- <div class="form-group col-xs-12 col-sm-6 col-md-4 col-lg-3">
                              <label for="typename" class="control-label col-xs-4">选择方式</label>
                              <div class="col-xs-6">
                                <select class="form-control" name="typename" id="typename">
                                    <option value='1' {if condition="$Request.get.typename eq 1"} selected {/if} >AB点统计</option>
                                    <option value='2' {if condition="$Request.get.typename eq 2"} selected {/if} >国内外点统计</option>
                                </select>
                              </div>
                          </div> -->


                          <!-- <div class="form-group col-xs-12 col-sm-6 col-md-4 col-lg-3" style="margin-left: -8%">
                              <label for="compare" class="control-label col-xs-4">统计方式</label>
                              <div class="col-xs-6">
                                {if condition="$Request.get.typename eq 1 OR $Request.get.typename eq ''"}
                                    <select class="form-control" name="compare" id="compare">
                                        <option value='1' {if condition="$Request.get.compare eq 1"} selected {/if} >A点</option>
                                        <option value='2' {if condition="$Request.get.compare eq 2"} selected {/if} >B点</option>
                                    </select>
                                {else/}
                                    <select class="form-control" name="compare" id="compare">
                                        <option value='1' {if condition="$Request.get.compare eq 1"} selected {/if} >国内节点统计</option>
                                        <option value='2' {if condition="$Request.get.compare eq 2"} selected {/if} >国外节点统计</option>
                                    </select>
                                {/if}
                              </div>
                          </div> -->

                          <div class="form-group col-xs-12 col-sm-6 col-md-4 col-lg-3" style="margin-left: -4%">
                              <label for="compare" class="control-label col-xs-4">选择IP</label>
                              <div class="col-xs-6">
                                <select class="form-control selectpicker" name="ip" id="ip">
                                    {volist name="ip_res" id="vo"}                                 
                                        {if condition="$vo.ip eq $Request.get.ip"}
                                        <option value='{$vo.ip}' selected='selected'>{$vo.ip}</option>
                                        {else/}
                                        <option value='{$vo.ip}'>{$vo.ip}</option>
                                        {/if}
                                    {/volist}
                                </select>
                              </div>
                          </div>


                          <div class="form-group col-xs-12 col-sm-6 col-md-4 col-lg-3" style="margin-left: -8%">
                           <div class="col-sm-9 col-xs-offset-3">
                            <button type="button" class="btn btn-success input-search">查询</button> 
                            <button type="reset" class="btn btn-default input-reset">重置</button>
                           </div>
                          </div>
                         </div>
                        </fieldset>
                       </form>
                    </div>
                    <!-- <div class="row">
                      <div id="wrapper" style="float: right;margin-right: 2%;">
                          <a href="javascript:;" id="chart_column" class="btn btn-success btn-add" title="柱状图" ><i class="fa fa-refresh"></i> 柱状图</a>
                          <a href="javascript:;" id="chart_line" class="btn btn-success btn-add" title="折线图" ><i class="fa fa-refresh"></i> 折线图</a>
                      </div>
                    </div> -->
                    <div class="title time_source"></div>
                    <div id="flow" style="height: 500px;"></div>
                    <!-- <div class="row">
                      <div id="chart_wrapper" style="float: right;margin-right: 2%;">
                          <a href="javascript:;" id="chart_column" class="btn btn-success btn-add" title="柱状图" ><i class="fa fa-refresh"></i> 柱状图</a>
                          <a href="javascript:;" id="chart_line" class="btn btn-success btn-add" title="折线图" ><i class="fa fa-refresh"></i> 折线图</a>
                      </div>
                    </div>
                    <div id="date_mouth"></div> -->
                    <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
                           data-operate-edit="{:$auth->check('payment/paymentplan/edit')}" 
                           data-operate-del="{:$auth->check('payment/paymentplan/del')}" 
                           width="100%">
                    </table>
                </div>
            </div>

        </div>
    </div>
</div>
<style>
    .title{
        font-size:14px;
        color: #333333;
        font-weight:bold;
        text-align: center;
        margin-top: 30px;
    }
</style>
<!-- <script src="/assets/libs/moment/moment.js"></script> -->
<!-- <script src="/assets/libs/jquery/dist/jquery.min.js"></script> -->
<!-- <script src="/assets/libs/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script> -->
<!-- <script src="/assets/libs/moment/locale/zh-cn.js"></script> -->

<script type="text/javascript">
    // $(function () {

    //     $('#start_date').datetimepicker({
    //         locale: moment.locale('zh-cn') //引入中文语言
    //         // language:  'zh-CN',  //日期
    //     });
    //     $('#end_date').datetimepicker({
    //       locale: moment.locale('zh-cn') //引入中文语言
    //     });        
        
    //     Date.prototype.Format = function (fmt) {
    //         var o = {
    //             "M+": this.getMonth() + 1, //月份
    //             "d+": this.getDate(), //日
    //             "H+": this.getHours(), //小时
    //             "m+": this.getMinutes(), //分
    //             "s+": this.getSeconds(), //秒
    //             "q+": Math.floor((this.getMonth() + 3) / 3), //季度
    //             "S": this.getMilliseconds() //毫秒
    //         };
    //         if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
    //         for (var k in o)
    //             if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
    //         return fmt;
    //     }        
    // });
    var start_time = "{$start_time}";
    var end_time = "{$end_time}";
</script>